import {
	createRouter,
	createWebHashHistory
} from "vue-router";
// import Home from "../views/Home.vue";

const routes = [{
	path: "/",
	name: "MyOnePage",
	// route level code-splitting
	// this generates a separate chunk (about.[hash].js) for this route
	// which is lazy-loaded when the route is visited.
	component: () =>
		import( /* webpackChunkName: "myOnePage" */ "../views/MyOnePage.vue")
}, {
	path: "/home",
	name: "Home",
	component: () =>
		import( /* webpackChunkName: "about" */ "../views/Home.vue")
}, {
	path: "/about",
	name: "About",
	// route level code-splitting
	// this generates a separate chunk (about.[hash].js) for this route
	// which is lazy-loaded when the route is visited.
	component: () =>
		import( /* webpackChunkName: "about" */ "../views/About.vue")
}, {
	path: "/register",
	name: "Register",
	// route level code-splitting
	// this generates a separate chunk (about.[hash].js) for this route
	// which is lazy-loaded when the route is visited.
	component: () =>
		import( /* webpackChunkName: "about" */ "../views/Register.vue")
}, {
	path: "/login",
	name: "Login",
	// route level code-splitting
	// this generates a separate chunk (about.[hash].js) for this route
	// which is lazy-loaded when the route is visited.
	component: () =>
		import( /* webpackChunkName: "about" */ "../views/Login.vue")
}, {
	path: "/myHome",
	name: "MyHome",
	// route level code-splitting
	// this generates a separate chunk (about.[hash].js) for this route
	// which is lazy-loaded when the route is visited.
	component: () =>
		import( /* webpackChunkName: "about" */ "../views/MyHome.vue")
}];

const router = createRouter({
	history: createWebHashHistory(),
	routes
});

export default router;
